<!DOCTYPE html>
<html>
	<meta charset="utf-8">
	  <title>外部记录详情</title>
	  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	  <link href="../../../css/mui.min.css" rel="stylesheet" />
	  <link href="../css/common.css" rel="stylesheet" />
	  <link href="../css/iconfont.css" rel="stylesheet" />
	  <style>
      .item div{
        word-wrap:break-word; 
        word-break: break-all
      }
    </style>
	</head>
	<body>
    <div class="container bg-white" id="container">
      <header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">外部记录详情</h1>
      </header>
      <div class="mui-content bg-white" style="padding-bottom: 60px;">
        <div class="content-Title">
          <span class="titleB">基本信息</span>
        </div>
        <div class="content">
          <div class="item flex">
            <div class="text-grey">来源系统:</div>
            <div class="text-black"><span v-for="item1 in event_system" v-if="item1.value == detail.system">{{item1.label}}</div>
          </div>
          <div class="item flex">
            <div class="text-grey">功能位置编码:</div>
            <div class="text-black">{{detail.code}}</div>
          </div>
          <div class="item flex">
            <div class="text-grey">事件等级:</div>
            <div class="text-black"><span v-for="item1 in event_level" v-if="item1.value == detail.level">{{item1.label}}</div>
          </div>
          <div class="item flex">
            <div class="text-grey">事件类型:</div>
            <div class="text-black"><span v-for="item1 in event_type" v-if="item1.value == detail.type">{{item1.label}}</div>
          </div>
          <div class="item flex">
            <div class="text-grey">事件详情:</div>
            <div class="text-black">{{detail.details}}</div>
          </div>
          <div class="item flex">
            <div class="text-grey">事件附件:</div>
            <div class="text-black flex-sub">{{detail.accessory}}</div>
          </div>
          <div class="item flex">
            <div class="text-grey">事件链接:</div>
            <div class="text-black">{{detail.url}}</div>
          </div>
          <div class="item flex">
            <div class="text-grey">事件时间:</div>
            <div class="text-black">{{time(detail.eventTime)}}</div>
          </div>
          <div class="item flex">
            <div class="text-grey">同步时间:</div>
            <div class="text-black">{{time(detail.updateDate)}}</div>
          </div>
        </div>
       </div>
    </div>
    <script src="../../../js/mui.min.js"></script>
    <script src="../../../js/vue.js"></script>
    <script src="../../../js/jquery-1.7.2.min.js"></script>
    <script src="../js/mkeyplus.base.js"></script>
    <script src="../js/sqlite.js"></script>
    <script type="text/javascript">
      mui.init()
      var detailVm = null;
      mui.plusReady(function() {
        cv = plus.webview.currentWebview();
        detailVm.getItem();
        pageId = cv.pageId || '';
        detailVm.detail = JSON.parse(cv.item);
      })
      detailVm = new Vue({
        el: "#container",
        data: {
          detail: {},
          event_level:[],
          event_type:[],
          event_system:[]
        },
        created: function() {},
        methods: {
          getItem(){
            var that=this;
            mui.baseApp.httpRequst("/api/dictItem/map", {
              dictName: "event_system,event_type,event_level",
              page: 0,
              size: 9999
            }, function(resMap) {
              that.event_system=resMap['event_system']
              that.event_type=resMap['event_type']
              that.event_level=resMap['event_level']
              console.log('数据字典'+JSON.stringify(resMap))
            }, function() {
              console.log("获取数据失败");
            })
          },
          time(time) {
            var date = new Date(time);
            var year = date.getFullYear();
            var mon = date.getMonth() + 1;
            var day = date.getDate();
            var hours = date.getHours();
            var minu = date.getMinutes();
            var sec = date.getSeconds();
            return year + '-' + mon + '-' + day + ' ' + hours + ':' + minu + ':' + sec;
          },
        },
      
      
      })
    </script>
	</body>
</html>
